@import "../../../styles/variables";
@import "../../../styles/mixins/typography";
@import "../../../styles/mixins/breakpoints";

.x4-tnt {
  p {
    margin-bottom: 0;
  }

  &__blacklists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  &__blacklist-intro {
    flex: 0 0 100%;
  }

  &__blacklist-ul {
    li {
      color: var(--color-action);
      font-weight: bold;

      ul {
        margin-left: 0.8rem;

        li {
          @include text--smaller;
          line-height: 0.95rem;
          list-style: none;
          font-weight: normal;
          color: var(--color-text)
        }
      }
    }
  }


  @include media-breakpoint-up(md) {
    &__blacklist {
      flex: 0 0 calc(50% - 4rem);
    }
  }
}
